.asymg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  padding: inherit;
  /* object-position: 0; */
  max-width: 900px;
  left: 0;
  /* object-position: left; */
  object-fit: cover;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 0%);
}

@media (max-width: 768px) {
.asymg {
    position: relative;
    /* top: 90px; */
    margin-bottom: -200px;
    height: 400px;
    clip-path: none;
  }
}

.floatera {
  z-index: 1;
  max-width: 400px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: 250px;
  margin: 3rem;
}